<!DOCTYPE html>  
<html lang="en">
  
<head>  

    <meta charset="utf-8" />  
    
    <title>Editable CSS3 Photo Gallery</title>  
    
    <link rel="stylesheet" href="stylesheet/grid.css" type="text/css"> 
    <link rel="stylesheet" href="stylesheet/html5.css" type="text/css" />   
    <link rel="stylesheet" href="stylesheet/master.css" type="text/css" />  
    
    <!--[if IE]>  
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->  
    
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type='text/javascript' src='javascript/fancyzoom.js'></script>
    <script type='text/javascript' src='javascript/demo.js'></script>
    
</head>  
  
<body>
    
    <header id="header">  
        <h1>Editable CSS3 Photo Gallery</h1>
		<p>Fun picture gallery with loads of HTML5, CSS3, jQuery, and PageLime!</p><br>
More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a>
    </header>
    <section id="content" class="container">
    
            <div class="span-18 column rounded">
				<div class="span-6 column rotated">
				    <a id="image1" class="cms-editable polaroid" href="#pic-1" rel="lightbox" title="first image"> <img src="gallery/1_s.jpg" alt="image" /> </a>
				</div>
				<div class="span-6 column rotated">
				    <a id="image2" class="cms-editable polaroid" href="#pic-2" rel="lightbox" title="second image"> <img src="gallery/2_s.jpg" alt="image" /> </a>
				</div>
				<div class="span-6 column rotated last">
				    <a id="image3" class="cms-editable polaroid" href="#pic-3" rel="lightbox" title="third image"> <img src="gallery/3_s.jpg" alt="image" /> </a>
				</div>
				<div class="span-6 column rotated">
				    <a id="image4" class="cms-editable polaroid" href="#pic-4" rel="lightbox" title="first image"> <img src="gallery/4_s.jpg" alt="image" /> </a>
				</div>
				<div class="span-6 column rotated">
				    <a id="image5" class="cms-editable polaroid" href="#pic-5" rel="lightbox" title="first image"> <img src="gallery/5_s.jpg" alt="image" /> </a>
				</div>
				<div class="span-6 column rotated last">
				    <a id="image6" class="cms-editable polaroid" href="#pic-6" rel="lightbox" title="first image"> <img src="gallery/6_s.jpg" alt="image" /> </a>
				</div>
				
				<div id="pic-1">
				    <img src="gallery/1.jpg" alt="image" />
				</div>
				<div id="pic-2">
				    <img src="gallery/2.jpg" alt="image" />
				</div>
				<div id="pic-3">
				    <img src="gallery/3.jpg" alt="image" />
				</div>
				<div id="pic-4">
				    <img src="gallery/4.jpg" alt="image" />
				</div>
				<div id="pic-5">
				    <img src="gallery/5.jpg" alt="image" />
				</div>
				<div id="pic-6">
				    <img src="gallery/6.jpg" alt="image" />
				</div>
            </div>
            
    </section>
</body>  

</html>  